export const Menu = [
  {
    name: '核心概念',
    path: '',
    children: [
      { 
        name: '组件 & Props',
        path: '/docs/components-and-props',
        component: () => import('./views/docs/components-and-props')
      },
      { 
        name: 'State & 生命周期',
        path: '/docs/state-and-lifecycle',
        component: () => import('./views/docs/state-and-lifecycle')
      },
      { 
        name: '事件处理',
        path: '/docs/handling-events',
        component: () => import('./views/docs/handling-events')
      },
      { 
        name: '条件渲染',
        path: '/docs/conditional-rendering',
        component: () => import('./views/docs/conditional-rendering')
      },
      { 
        name: '列表 & Key',
        path: '/docs/lists-and-keys',
        component: () => import('./views/docs/lists-and-keys')
      },
      { 
        name: '表单',
        path: '/docs/forms',
        component: () => import('./views/docs/forms')
      },
      { 
        name: '状态提升',
        path: '/docs/lifting-state-up',
        element: () => import('./views/docs/lifting-state-up')
      },
      { 
        name: '组合 vs 继承',
        path: '/docs/composition-vs-inheritance',
        component: () => import('./views/docs/composition-vs-inheritance')
      },
      { 
        name: 'React 哲学',
        path: '/docs/thinking-in-react',
        component: () => import('./views/docs/thinking-in-react')
      },
    ]
  }
]